.packageAMessage {
  background-color: #f5f7f9;
  height: 100vh;
  .mesList {
    background-color: #fff;
    margin: 30px;
    margin-bottom: 0;
    border-radius: 16px;
    .item {
      padding: 25px;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
    .icon {
      width: 92px;
      height: 92px;
      margin-right: 32px;
    }
    .title {
      color: rgb(11, 11, 11);
      font-size: 30px;
      font-weight: 600;
    }
    .num {
      min-width: 36px;
      height: 36px;
      border-radius: 36px;
      background-color: rgb(233, 60, 60);
      position: absolute;
      top: 0;
      left: 80px;
    }
    .num_text {
      line-height: 36px;
      text-align: center;
      font-size: 19px;
      color: #fff;
    }
    .nums_text {
      line-height: 36px;
      text-align: center;
      font-size: 20px;
      color: #fff;
    }
    .right {
      width: 24px;
      height: auto;
    }
  }
  .topFirst {
    background: linear-gradient(278deg, rgba(233, 239, 253, 0.51) 0%, #e7eeff 100%);
    backdrop-filter: blur(4px);
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    padding: 15px 30px;
    .hornIcon {
      width: 32px;
      height: auto;
    }
    .title {
      color: #218cff;
      font-size: 28px;
      line-height: 48px;
      margin-left: 30px;
    }
    .open {
      color: #ffffff;
      font-size: 24px;
      background-color: #218cff;
      padding: 10px 15px;
      border-radius: 20px;
    }
    .center {
      align-content: center;
      justify-content: center;
    }
    .msClose {
      width: 48px;
      height: auto;
    }
  }
}
